<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
	<h1 class="editable title">Editable header</h1>

	<div class="editable content" style="width:100%; height:550px">
	This is an editable div element element.
	</div>
	
	
	<button id="but1"> Click </button>

	<div id="render">
		
	</div>

	
	<script src ="views/lib/jquery-1.9.1.min.js"></script>
	<script src="views/lib/lodash.min.js"></script>
	<script src="views/lib/knockout-3.1.0.debug.js"></script>
	<script src="views/lib/tinymce/tinymce.min.js"> </script>
	
	<script>
		tinymce.init({
		    selector: "h1.editable",
		    inline: true,
		    toolbar: "undo redo",
		    menubar: false
		});

		tinymce.init({
		    selector: "div.editable",
		    inline: true,
		    plugins: [
		        "advlist autolink lists link image charmap print preview anchor",
		        "searchreplace visualblocks code fullscreen",
		        "insertdatetime media table contextmenu paste"
		    ],
		    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
		});

		$("#but1").click(function(){


			var title = $(".title");
			var content = $(".content");

			console.log(title);

		});

	</script>
</body>
</html>